<template>
  <view class="header">
    <text class="title">光影记忆</text>
    <view class="search-bar">
      <uni-icons type="search" size="18" color="#3a8838"></uni-icons>
      <input type="text" placeholder="搜索照片、相册" placeholder-style="color: #999;" />
    </view>
  </view>
</template>

<script>
export default {
  name: 'AlbumHeader'
}
</script>

<style>
.header {
  padding: 20rpx 0;
  margin-bottom: 15rpx;
}

.title {
  font-size: 36rpx;
  font-weight: bold;
  color: #3a8838;
  margin-bottom: 15rpx;
  display: block;
}

.search-bar {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: 16rpx 25rpx;
  border-radius: 30rpx;
  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
}

.search-bar input {
  margin-left: 15rpx;
  font-size: 28rpx;
  width: 100%;
  color: #333;
}
</style> 